<template>
  <div class="home">
    <child :msg="msg" @ev="getData" v-model:num="num"></child>
    {{num}}
  </div>
</template>

<script>
// 在vue3中 vue2的组件传值依然可以使用 使用方法没有变化
// 只是在vue3中没有bus传值
import child from '@/components/child'
import { reactive, toRefs } from 'vue' 
export default {
  name: 'Home',
  components: {
    child
  },
  
  setup() {
    const obj = reactive({
      msg: '这是传递给子组件的数据',
      num: ''
    })

    function getData(data) {
      console.log(data);
    }

    return {
      ...toRefs(obj),
      getData
    }
  }
}
</script>
